<template>
  <div class="w-full h-[60px] bg-[#1C7A6C]">
    <div class="page-responsive-width m-auto h-full flex justify-between items-center">
      <p class="font-[700] text-white"> OpenCSG Admin Panel </p>
      <a href="/" target="_blank" class="font-[500] text-white underline"> Open Site </a>
      <p class="text-white">{{ userName }} ( {{ userRoles }} )</p>
    </div>
  </div>
</template>

<script setup>
  const props = defineProps({
    userName: String,
    userRoles: String
  })
</script>